<template>
  <div>
    <VueEditor :config="config" />
  </div>
</template>

<script>
import VueEditor from 'vue-word-editor'
import 'quill/dist/quill.snow.css'
export default {
  name: 'App',
  // 注册
  components: {
    VueEditor
  },
  data() {
    return {
      config: {
        // 上传图片的配置
        uploadImage: {
          url: 'http://localhost:3000/upload', // 文章上传到服务器端的处理路径
          name: 'file', // 后台所需要的参数的名称
          headers: this.getToken(), // 设置请求头信息
          // res是结果，insert方法会把内容注入到编辑器中，res.data.url是资源地址
          uploadSuccess(res, insert) {
            insert('http://localhost:3000' + res.data.url)// 文件上传之后的回调，接收服务器响应回来的数据，根据服务器的地址进行填充
          }
        }
      }
    }
  }
}
</script>

<style>

</style>
